import React from 'react';
import { Card, Row, Col, Typography } from 'antd';
import { Link } from 'umi';

const { Title, Paragraph } = Typography;

const AIVideo: React.FC = () => {
  return (
    <div className="p-4">
      <Title level={2} className="mb-6">AI视频</Title>
      <Paragraph className="mb-6">
        欢迎使用AI视频功能，这里提供多种AI视频相关的工具，帮助您创建和编辑专业的视频内容。
        请选择下方的功能开始使用。
      </Paragraph>
      <Row gutter={[16, 16]}>
        <Col span={24} md={12} xl={8}>
          <Card hoverable className="h-full">
            <Link to="/video/videoCreation">
              <div className="text-center p-4">
                <div className="text-4xl mb-2">🎬</div>
                <Title level={4}>视频创作</Title>
                <Paragraph>
                  通过AI技术自动生成或辅助创建视频内容，支持文本生成视频、图片生成视频等功能。
                </Paragraph>
              </div>
            </Link>
          </Card>
        </Col>
      </Row>
    </div>
  );
};

export default AIVideo;